<template>
	<view class="my">
		<view class="login" @click="getUser">
			<view class="user">
				<svg t="1639293960279" class="icon" viewBox="0 0 1024 1024" version="1.1"
					xmlns="http://www.w3.org/2000/svg" p-id="12641" width="64" height="64">
					<path
						d="M514.6 12.1C237.1 12.1 12.2 237 12.2 514.5c0 169.6 84 319.6 212.7 410.5 9.1-2 56.9-13.4 115.3-43.8 22-7.5 55.8-43.2 55.8-43.2s14-22 19.3-52c4.8-20.5-2.7-35.2-10-44-42.6-61-81.6-87-110.3-146-10.5-24.4-11.3-39.5-2.3-52.7 8.9-13.2 28-10.7 28-10.7s-7.4-61.9 0-89.3c15.3-105.3 76-132.7 76-132.7s24.7-24.5 90.7-31.3c66-5.7 96.8 11.3 96.8 11.3s17.3-23.5 62.5-0.5c-14.3-2.2-23.8 6-23.8 6s-8 9.7 3.4 15c23.7-5 22.7 4.1 22.7 4.1s-10-0.5-12.3 9.5c0 2.3 48 8.8 63.3 84.3 2.3 11.8 20.3 114.2-3.8 132 4.2 3.2 4.6 2.6 8.8 2.2 9.8-6.2 30.5-5.2 35.5 4.5 4.2 6.2 5.5 38.2-23.3 79.5-14.7 27.2-63.7 57.2-87.5 114.3-11.6 22.9-31.2 62.3-13 90.3 62.5 81.2 162.1 93.3 184.7 95.1C931.7 836.3 1017 685.3 1017 514.5 1017 237 792.1 12.1 514.6 12.1z"
						fill="#e6e6e6" p-id="12642"></path>
					<path
						d="M513.6 7C233.3 7 6.2 234.2 6.2 514.5s227.2 507.4 507.4 507.4S1021 794.7 1021 514.5 793.8 7 513.6 7z m0.5 1011.1c-216 0-400-136.7-470.4-328.2-20.4-54.6-31.5-113.7-31.5-175.4C12.2 237 237.1 12.1 514.6 12.1S1017 237 1017 514.5c0 128.5-48.2 245.7-127.5 334.5-91.8 103.7-226 169.1-375.4 169.1z"
						fill="#e6e6e6" p-id="12643"></path>
				</svg>
				<text>点击登录</text>
			</view>
		</view>
		<view class="my-main">
			<view class="like my-card">
				<view class="">
					<svg t="1639302341342" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="13781" width="16" height="16">
						<path
							d="M171.712 571.648l0.352 0.32 287.904 252.8a64 64 0 0 0 82.912 1.344l296.832-244.544a215.584 215.584 0 1 0-301.824-300.576L512 316.672l-25.888-35.616a215.584 215.584 0 1 0-314.4 290.624zM32 407.584a279.584 279.584 0 0 1 480-194.944 279.584 279.584 0 0 1 480 194.944 278.144 278.144 0 0 1-113.024 224.512l-295.36 243.392a128 128 0 0 1-165.888-2.592L129.984 620.16A278.976 278.976 0 0 1 32 407.584z"
							p-id="13782" fill="#e6e6e6"></path>
					</svg>
					<text>我的喜欢</text>
				</view>
				<svg t="1639303368341" class="icon" viewBox="0 0 1024 1024" version="1.1"
					xmlns="http://www.w3.org/2000/svg" p-id="27451" width="16" height="16">
					<path
						d="M769.216 511.936c0-3.712-1.152-7.232-1.856-10.88-0.64-2.368-0.64-4.8-1.408-7.04a50.56 50.56 0 0 0-11.136-17.344l-417.28-417.28a48.96 48.96 0 0 0-68.992-0.96 48.832 48.832 0 0 0 1.024 68.864L654.208 512l-384.64 384.768a48.768 48.768 0 0 0-1.024 68.8 48.768 48.768 0 0 0 68.864-0.96l417.28-417.344a51.2 51.2 0 0 0 11.136-17.344c0.896-2.304 0.896-4.736 1.472-7.04 0.768-3.648 1.92-7.232 1.92-10.944z"
						p-id="27452" fill="#e6e6e6"></path>
				</svg>
			</view>
			<view class="off-line my-card">
				<view class="">
					<svg t="1639302547617" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="15424" width="16" height="16">
						<path
							d="M198.7 292.7h0.9-0.9zM825.8 292.8c-0.3 0.1-0.6 0-0.9 0-14.8 0-26.9 12-26.9 26.9 0 14.8 12 26.9 26.9 26.9h0.3c44.3 0.2 80.3 36.3 80.3 80.6v312.1c0 20.8-8 39.7-20.9 54-6.1 6.7-13.3 12.4-21.4 16.8-11.4 6.2-24.4 9.9-38.3 9.9H199.6c-11 0-21.4-2.3-31-6.3-8.4-3.5-16.1-8.4-22.7-14.4-16.5-14.8-26.9-36.2-26.9-60V427.1c0-44.5 36.2-80.6 80.6-80.6h-0.4c14.6-0.2 26.4-12.1 26.4-26.8 0-14.8-12-26.9-26.9-26.9-73.7 0.5-133.5 60.5-133.5 134.3v312.1c0 71.4 56.1 129.8 126.5 134 2.6 0.2 5.2 0.4 7.9 0.4H825c26.3 0 50.9-7.7 71.6-20.9 5.5-3.5 10.8-7.4 15.7-11.6 28.7-24.7 47-61.2 47-101.9V427.1c0-73.8-59.8-133.8-133.5-134.3z m-0.4 53.7h0.4-0.4zM825 292.7h0.9-0.9z"
							fill="#e6e6e6" p-id="15425"></path>
						<path
							d="M298.6 537.8l202.1 96.5c0.2 0.1 0.3 0.1 0.5 0.2 1.3 0.6 2.7 1 4.1 1.4 0.5 0.1 0.9 0.3 1.4 0.4 1.6 0.3 3.3 0.5 5 0.6 0.2 0 0.4 0.1 0.6 0.1 0.5 0 1-0.1 1.5-0.1s1 0.1 1.5 0.1c3.9 0 7.8-0.8 11.6-2.6l201.4-96.2c13.3-6.3 20.5-22 14.7-35.5-6-14.2-22.6-20.3-36.3-13.8l-167.2 79.9c-0.2 0.1-0.4 0-0.4-0.2V159.5c0-11.8-7.1-23.1-18.4-26.6-18.5-5.7-35.4 8-35.4 25.6V567c0 0.2-0.2 0.3-0.4 0.2l-164.2-78.4c-15.9-7.6-35.5 1.8-38.3 20.9-1.6 11.7 5.5 23 16.2 28.1z"
							fill="#e6e6e6" p-id="15426"></path>
					</svg>
					<text>离线缓存</text>
				</view>
				<svg t="1639303368341" class="icon" viewBox="0 0 1024 1024" version="1.1"
					xmlns="http://www.w3.org/2000/svg" p-id="27451" width="16" height="16">
					<path
						d="M769.216 511.936c0-3.712-1.152-7.232-1.856-10.88-0.64-2.368-0.64-4.8-1.408-7.04a50.56 50.56 0 0 0-11.136-17.344l-417.28-417.28a48.96 48.96 0 0 0-68.992-0.96 48.832 48.832 0 0 0 1.024 68.864L654.208 512l-384.64 384.768a48.768 48.768 0 0 0-1.024 68.8 48.768 48.768 0 0 0 68.864-0.96l417.28-417.344a51.2 51.2 0 0 0 11.136-17.344c0.896-2.304 0.896-4.736 1.472-7.04 0.768-3.648 1.92-7.232 1.92-10.944z"
						p-id="27452" fill="#e6e6e6"></path>
				</svg>
			</view>
			<view class="play-history my-card">
				<view class="">
					<svg t="1639302681739" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="16432" width="16" height="16">
						<path
							d="M512 928A416 416 0 1 1 928 512 416 416 0 0 1 512 928z m0-768A352 352 0 1 0 864 512 352 352 0 0 0 512 160z m192 448H512a32 32 0 0 1-32-32V320a32 32 0 0 1 64 0v224H704a32 32 0 0 1 0 64z"
							fill="#e6e6e6" p-id="16433"></path>
					</svg>
					<text>播放历史</text>
				</view>
				<svg t="1639303368341" class="icon" viewBox="0 0 1024 1024" version="1.1"
					xmlns="http://www.w3.org/2000/svg" p-id="27451" width="16" height="16">
					<path
						d="M769.216 511.936c0-3.712-1.152-7.232-1.856-10.88-0.64-2.368-0.64-4.8-1.408-7.04a50.56 50.56 0 0 0-11.136-17.344l-417.28-417.28a48.96 48.96 0 0 0-68.992-0.96 48.832 48.832 0 0 0 1.024 68.864L654.208 512l-384.64 384.768a48.768 48.768 0 0 0-1.024 68.8 48.768 48.768 0 0 0 68.864-0.96l417.28-417.344a51.2 51.2 0 0 0 11.136-17.344c0.896-2.304 0.896-4.736 1.472-7.04 0.768-3.648 1.92-7.232 1.92-10.944z"
						p-id="27452" fill="#e6e6e6"></path>
				</svg>
			</view>
			<view class="news my-card">
				<view class="">
					<svg t="1639302728586" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="17412" width="16" height="16">
						<path
							d="M544 161.536a330.666667 330.666667 0 0 1 298.666667 329.130667h-0.341334c0.213333 1.493333 0.341333 2.986667 0.341334 4.565333v219.434667h39.68a32 32 0 0 1 0 64h-212.053334a160 160 0 0 1-316.586666 0H141.909333a32 32 0 1 1 0-64h39.424v-219.434667c0-1.578667 0.128-3.072 0.341334-4.565333H181.333333a330.666667 330.666667 0 0 1 298.666667-329.130667V128a32 32 0 1 1 64 0v33.536z m-298.666667 553.130667h533.333334v-219.434667c0-1.578667 0.128-3.072 0.341333-4.565333h-0.341333a266.666667 266.666667 0 1 0-533.333334 0h-0.341333c0.213333 1.493333 0.341333 2.986667 0.341333 4.565333v219.434667z m359.765334 64H418.901333a96 96 0 0 0 186.197334 0z"
							fill="#e6e6e6" p-id="17413"></path>
					</svg>
					<text>我的消息</text>
				</view>
				<svg t="1639303368341" class="icon" viewBox="0 0 1024 1024" version="1.1"
					xmlns="http://www.w3.org/2000/svg" p-id="27451" width="16" height="16">
					<path
						d="M769.216 511.936c0-3.712-1.152-7.232-1.856-10.88-0.64-2.368-0.64-4.8-1.408-7.04a50.56 50.56 0 0 0-11.136-17.344l-417.28-417.28a48.96 48.96 0 0 0-68.992-0.96 48.832 48.832 0 0 0 1.024 68.864L654.208 512l-384.64 384.768a48.768 48.768 0 0 0-1.024 68.8 48.768 48.768 0 0 0 68.864-0.96l417.28-417.344a51.2 51.2 0 0 0 11.136-17.344c0.896-2.304 0.896-4.736 1.472-7.04 0.768-3.648 1.92-7.232 1.92-10.944z"
						p-id="27452" fill="#e6e6e6"></path>
				</svg>
			</view>
		</view>
		<view class="my-footer">
			<view class="set-up my-card">
				<view class="">
					<svg t="1639302867273" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="18277" width="16" height="16">
						<path
							d="M389.909978 512.000146a122.090022 122.090022 0 1 0 122.090022-121.563394 121.826708 121.826708 0 0 0-122.090022 121.563394z m0 0l541.754359 49.737129-9.450054-5.500341a50.761128 50.761128 0 0 1 0-88.181004l9.450054-5.383312A125.07425 125.07425 0 0 0 977.773581 291.401352l-40.696674-70.217123a126.215278 126.215278 0 0 0-172.002694-45.933701l-9.450054 5.383313A51.199985 51.199985 0 0 1 678.765667 136.367796v-10.883654A125.805678 125.805678 0 0 0 552.959988 0.000293h-81.539634a125.805678 125.805678 0 0 0-126.010478 125.483849v10.912912a49.737129 49.737129 0 0 1-20.743308 40.959988 51.287757 51.287757 0 0 1-56.26147 3.335313l-10.152226-5.851427c-2.925713-1.726171-5.529598-3.218285-8.77714-4.710398a0.4096 0.4096 0 0 1-0.234057 0 125.542364 125.542364 0 0 0-162.113782 51.082957l-40.959988 70.217122A125.07425 125.07425 0 0 0 92.335663 462.263018l9.450054 5.500341a50.761128 50.761128 0 0 1 0 88.181003l-9.450054 5.383313A125.07425 125.07425 0 0 0 46.226419 732.59894l40.696674 70.217123a126.215278 126.215278 0 0 0 172.002694 45.904444l9.450054-5.41257a51.199985 51.199985 0 0 1 76.858492 44.324559v10.912911A125.805678 125.805678 0 0 0 471.186297 1024h81.393349a125.805678 125.805678 0 0 0 126.010478-125.48385v-10.883654a51.199985 51.199985 0 0 1 76.770721-44.090502l9.450054 5.500342a126.215278 126.215278 0 0 0 172.031951-45.933701l40.696674-70.217123a125.27905 125.27905 0 0 0-45.875187-171.154237z m122.090022 203.658914a203.600399 203.600399 0 1 1 204.419599-203.658914 204.156285 204.156285 0 0 1-204.419599 203.658914z m0 0"
							p-id="18278" fill="#b9b9b9"></path>
					</svg>
					<text>设置</text>
				</view>
				<svg t="1639303368341" class="icon" viewBox="0 0 1024 1024" version="1.1"
					xmlns="http://www.w3.org/2000/svg" p-id="27451" width="16" height="16">
					<path
						d="M769.216 511.936c0-3.712-1.152-7.232-1.856-10.88-0.64-2.368-0.64-4.8-1.408-7.04a50.56 50.56 0 0 0-11.136-17.344l-417.28-417.28a48.96 48.96 0 0 0-68.992-0.96 48.832 48.832 0 0 0 1.024 68.864L654.208 512l-384.64 384.768a48.768 48.768 0 0 0-1.024 68.8 48.768 48.768 0 0 0 68.864-0.96l417.28-417.344a51.2 51.2 0 0 0 11.136-17.344c0.896-2.304 0.896-4.736 1.472-7.04 0.768-3.648 1.92-7.232 1.92-10.944z"
						p-id="27452" fill="#e6e6e6"></path>
				</svg>
			</view>
			<view class="feedback my-card">
				<view class="">
					<svg t="1639303025100" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="26451" width="16" height="16">
						<path
							d="M815.74 412.26c29.72-29.71 46.09-69.22 46.09-111.25s-16.37-81.55-46.09-111.25L712.25 86.26C682.54 56.56 643.02 40.19 601 40.19s-81.55 16.37-111.25 46.08L117.42 458.6 85.11 816.91l358.33-32.32 372.3-372.33zM546.35 142.87c30.13-30.13 79.17-30.13 109.3 0l103.49 103.49c30.13 30.13 30.13 79.17 0 109.3L425.38 689.42 212.6 476.63l333.75-333.76zM188.18 565.42L336.6 713.84l-163.14 14.72 14.72-163.14zM928.96 902.94H95.71c-22.11 0-40.03 17.93-40.03 40.03S73.6 983 95.71 983h833.25c22.11 0 40.03-17.93 40.03-40.03s-17.91-40.03-40.03-40.03z"
							fill="#e6e6e6" p-id="26452"></path>
					</svg>
					<text>问题反馈</text>
				</view>
				<svg t="1639303368341" class="icon" viewBox="0 0 1024 1024" version="1.1"
					xmlns="http://www.w3.org/2000/svg" p-id="27451" width="16" height="16">
					<path
						d="M769.216 511.936c0-3.712-1.152-7.232-1.856-10.88-0.64-2.368-0.64-4.8-1.408-7.04a50.56 50.56 0 0 0-11.136-17.344l-417.28-417.28a48.96 48.96 0 0 0-68.992-0.96 48.832 48.832 0 0 0 1.024 68.864L654.208 512l-384.64 384.768a48.768 48.768 0 0 0-1.024 68.8 48.768 48.768 0 0 0 68.864-0.96l417.28-417.344a51.2 51.2 0 0 0 11.136-17.344c0.896-2.304 0.896-4.736 1.472-7.04 0.768-3.648 1.92-7.232 1.92-10.944z"
						p-id="27452" fill="#e6e6e6"></path>
				</svg>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "My",
		data() {
			return {

			};
		},
		methods:{
			getUser(){
				// uni.getUserInfo({
					
				// })
				console.log("登录");
			}
		}
	}
</script>

<style lang="less">
	.my {
		background-color: black;
		height: 100vh;

		.login {
			background: url('../../static/mybg.png') no-repeat 0 0/cover;
			width: 100vw;
			height: 50vw;
			color: #e6e6e6;
			display: flex;
			justify-content: center;
			align-items: center;

			svg {
				margin-bottom: 10px;
			}
			.user{
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}
		}

		.my-card {
			display: flex;
			height: 80rpx;
			justify-content: space-between;
			align-items: center;

			&>uni-view:first-of-type {
				display: flex;
				align-items: center;

				svg {
					margin-right: 1.5vw;
				}
			}
		}

		.my-main {
			padding: 3vw;
			color: #e6e6e6;
		}

		.my-footer {
			padding: 3vw;
			color: #e6e6e6;
		}
	}
</style>
